<template>
  <div>
   {{ message }} {{ count }} {{ pointer.x }}
  </div>
  <div>
    <button @click="handleClick">
      click
    </button>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
const count = ref(0)
const message = ref('hello')
// const pointer = ref({
//   x: 100,
//   y: 200
// })
const pointer = reactive({
  x: 100,
  y: 200
})

const handleClick = (params) => {
  pointer.x = 1000  
}

</script>

<style lang="less" scoped>

</style>
